<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>添加</title>
<script type="text/javascript" src="http://code.jquery.com/jquery-1.4.1.min.js" ></script>
<style type="text/css"> 
.bgcolor {font-size:14px; background-color :#FFECF5;}/*这里是设置CSS的样式内容*/ 
div {
	margin:0 auto;
	width:1000px;
	}
</style> 
</head>
<body>
<script type="text/javascript">
	$(function() {
		$.ajax({
			type:"post",
			url:"showType",
			datatype:"json",
			success:function (msg){
				for(var i=0;i<msg.types.length;i++){
					$('#stype').append("<option value='"+msg.types[i].tid+"'  >"+msg.types[i].tName+"</option>");
					$('#stype1').append("<option value='"+msg.types[i].tid+"' >"+msg.types[i].tName+"</option>");
					$('#stype2').append("<option value='"+msg.types[i].tid+"' >"+msg.types[i].tName+"</option>");
					}
				}
			});
	});
</script>

<p><b>填写标题描述</b></p>
<div>
<form action="addSell" method="post" id="form">
	<p align="center">提交关键字流程：填写标题描述→确定和提交→成功</p>
	<p class="bgcolor">您一次最多可以提交20个关键字，若您希望继续添加请分次提交（您已经提交了1个关键字）<a href="selAllSell" style="color: blue">查看已发布关键字</a></p>
	<p align="center"><input type="submit" value="下一页"></p>
	<p class="bgcolor">&emsp;&emsp;关键字: &emsp;&emsp;&emsp;<input type="text" name="sName" id="sname">&emsp;
	<select name="sType.tid" id="stype" >
	</select>&emsp;最多写32个字</p>
	<p class="bgcolor">&emsp;&emsp;网页标题:&emsp;&emsp;<input type="text" name="sTitle" id="stitle">&emsp;最多写20个字
	<p class="bgcolor">&emsp;&emsp;url地址：&emsp;&emsp;http://<input type="text" name="surl" id="surl" onblur="checkEmail()"><span id="err"></span></p>
	<p class="bgcolor">&emsp;&emsp;网页描述：&emsp;<textarea name="sDepict" rows="4" cols="30" id="sdepict"></textarea>&emsp;最多写100个字</p>
</form>
	
	<input type="button" value="复制" onclick="fuzhi()">点击按钮，可将上个文本框内容复制到下个添加框内
	
	
	<p class="bgcolor">&emsp;&emsp;关键字: &emsp;&emsp;&emsp;<input type="text" name="sName" id="sname1">&emsp;
	<select name="sType1" id="stype1" >
	</select>&emsp;最多写32个字</p>
	<p class="bgcolor">&emsp;&emsp;网页标题:&emsp;&emsp;<input type="text" name="sTitle" id="stitle1">&emsp;最多写20个字
	<p class="bgcolor">&emsp;&emsp;url地址：&emsp;&emsp;http://<input type="text" name="surl1" id="surl1"></p>
	<p class="bgcolor">&emsp;&emsp;网页描述：&emsp;<textarea name="sDepict" rows="4" cols="30" id="sdepict1"></textarea>&emsp;最多写100个字</p>
	<input type="button" value="复制" >点击按钮，可将上个文本框内容复制到下个添加框内
	
	
	<p class="bgcolor">&emsp;&emsp;关键字: &emsp;&emsp;&emsp;<input type="text" name="sName" id="sname2">&emsp;
	<select name="sType2" id="stype2">
	</select>&emsp;最多写32个字</p>
	<p class="bgcolor">&emsp;&emsp;网页标题:&emsp;&emsp;<input type="text" name="sTitle" id="stitle2">&emsp;最多写20个字
	<p class="bgcolor">&emsp;&emsp;url地址：&emsp;&emsp;http://<input type="text" name="surl2" id="surl"></p>
	<p class="bgcolor">&emsp;&emsp;网页描述：&emsp;<textarea name="sDepict" rows="4" cols="30" id="sdepict2"></textarea>&emsp;最多写100个字</p>

</div>
</body>
<script type="text/javascript">
	function fuzhi() {
		$("#sname1").val($("#sname").val());
		$("#stitle1").val($("#stitle").val());
		$("#surl1").val($("#surl").val());
		$("#sdepict1").val($("#sdepict").val());
	}
	function checkEmail(sz1) {
		var sz1 = $("#surl").val();
		var szReg= /^([a-zA-Z0-9_-])+@([a-zA-Z0-9_-])+(.[a-zA-Z0-9_-])+$/;
		var bChk=szReg.test(sz1);
		if(!bChk){
			$("#err").html("邮箱格式不正确");
			}else{
				$("#err").html("邮箱格式正确");
				}
		
	}
</script>
</html>